<html>
<head>
<script src="sorttable.js"></script>
<script language="JavaScript" src="CellEditor.js" type="text/javascript"></script>
<script language="JavaScript" src="loadXMLdoc.js" type="text/javascript"></script>
<script language="JavaScript" src="TagTree.js" type="text/javascript"></script>
<script language="JavaScript" src="QueryRoutines.js" type="text/javascript"></script>
<script language="JavaScript" src="RenderProperties.js" type="text/javascript"></script>
<script language="JavaScript" src="GeneralJS.js" type="text/javascript"></script>
<script language="JavaScript" src="uuid.js" type="text/javascript"></script>
<link rel="stylesheet" href="SimBrowserStyle.css" typ="text/css" media=screen>
<link rel="stylesheet" href="MonitorWindow.css" typ="text/css" media=screen>
<script language="JavaScript" src="MonitorWindow.js" type="text/javascript"></script>

</head>
<body onload="start_browser();">


<!-- Details of the 4 primary windows are set in InitializeWindows-->
<!--Later. <iframe class = "MonitorWindow"> </iframe>-->


<div class = "ToDoBox" id = "ToDo">
  <div class = "BoxTitle"> Things To Do</div>
  <ul>
    <li> Editable
    <li> Communiate back to server
    <li> Render method, check for multiples
    <li> RunList object for lists of runs.
    <li> Better place for the XML Parse Method.
    <li> ManipulationBox is a bad name for that.
    <li> Larger scale switch off for tag list.
  </ul>
</div>
<div class = "ToDoBox" id = "Showoff">
  <div class = "BoxTitle"> Current Features:</div>
  <ul>
    <li> Dynamic return of lists (no page reload.)
    <li> Sortable List.
    <li> Selectable Columns
    <li> Pre-defined columns, column rendering function.
  </ul>
</div>

<div class = "MonitorWindow" id = "MonitorWindow">
  <div class = "BoxTitle"> Monitor Window</div>
  <div class = "MonitorWindowContent" id = "MonitorWindowContent"></div>
</div>

<div class = "QueryBox" id = "QueryBox">

  <div class = "BoxTitle">Parse Options</div>
  <div class = "BoxContent"> 
    <form id = "XMLParseSelector" style = "border-width:1px;border-style:solid;">
      <i> XML Parse Method</i><br>
      <input type = "radio" name = "XMLParseMethod" value = "ExamineXML"> Examine XML<br>
      <input type = "radio" name = "XMLParseMethod" value = "UsePreFilled"> Use Pre Filled Structure
    </form>
  </div>

  <div class = "BoxTitle">Tag Display Options</div>
  <div class = "BoxContent"> 
    <form id = "TagTreeMethod" style = "border-width:1px;border-style:solid;">
      <i> TagTreeMethod</i><br>
      <input type = "radio" name = "TagTreeMethod" value = "AsTableColumn"> Flat Run List<br>
      <input type = "radio" name = "TagTreeMethod" value = "TreeMethod1"> Tag Tree Method 1<br>
    </form>
  </div>
  <div class = "BoxTitle">Query</div>
  <div class = "BoxContent" id = "QueryContent">
  </div>
</div>

<!--
<div class = "FileBox" id = "FileBox">
  <div class = "BoxTitle"> WriteFile </div>
  <div class = "BoxContent" id = "FileContent">
  Filename  <input type = "text" id = "fileToWrite" value = "charles"> <i>FileToWrite</i></div>
</div>
-->
<div class = "ManipulationBox" id = "ManipulationBox">
  
  <div class = "BoxTitle">Columns</div>
  <div class = "BoxContent" id = "ListContent"></div>
</div>

<div class = "RenderBox" id = "RenderBox">
  <div class ="BoxTitle">Runs</div>
  <div class = "BoxContent" id = "RenderContent"></div>
</div>


</div>
</body>
</html>
